<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- 
    文档流（normal flow）
      网页是一个多层的结构，一层摞一层
      通过css可以分别给每一层设置样式
      作为用户来讲只能看到最顶上一层
      这些层中，最底下的一层就是文档流，文档流是网页的基础
        我们所创建的元素都是在文档流中排列的
      对于我们来说元素有两种状态
        在文档流中
        不在文档流中（脱离文档流）

       元素在文档流中的特点
        快元素
        行内元素 

   -->
  </body>
</html>
